body {
  background-color: #f0f5fb;
}
.wrap {
  /* padding:10px; */
  overflow: hidden;
  position: relative;
}
.box {
  padding:12px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
  border-radius:4px;
  margin-bottom:20px;
  overflow: hidden;
}

.box-header {
  height:30px;
  line-height: 30px;
  margin-bottom:10px;
  border-bottom:1px solid #ededed;
}
.header-title {
  color:#385dc7;
  font-size:18px;
  display: inline-block;
  border-bottom:2px solid #385dc7;
}
.box-header .more-btn {
  float:right;
  display: block;
  width:30px;
  height:30px;
  color:#9EA1B4;
  background: url(../imgs/more-btn-icon.png) center no-repeat;
  background-size: 70% auto;
}
.aside {
  width:310px;
  min-height:600px;
  position: absolute;
  right:0;
  top:0;
}
.content {
  margin-right:320px;
  min-height:1200px;
}
.notice-left {
  width:364px;
  height:220px;
  float:left;
}
.notice-right {
  margin-left:370px;
}
.swiper-wrap {
  width: 100%;height:100%;
}
.swiper-slide {
  width: 100%;height:100%;
}
.swiper-slide img {
  width:100%;
  height:100%;
}
.notice-title {
  color:#385dc7;

}
.notice-desc {
  font-size:12px;
  color:#999;
  margin-bottom:10px;
}
.tab-nav li {
  width:120px;
  height:40px;
  float:left;
  line-height: 40px;
  margin-right:10px;
  border-radius: 20px;
  padding-left:40px;
  color:#6D717E;
  cursor: pointer;
  background-color:#F4F6FC;
  box-shadow: 0 0 4px rgba(0,0,0,.3);
}
.tab-nav li.ztqk {
  background: url(../imgs/ztqk-icon.png) 20px center no-repeat;
}
.tab-nav li.ztqk.active {
  color:#fff;
  background:#395DC7  url(../imgs/ztqk-icon--active.png) 20px center no-repeat;
}

.tab-nav li.tjfx {
  background: url(../imgs/tjfx-icon.png) 20px center no-repeat;
}
.tab-nav li.tjfx.active {
  color:#fff;
  background:#395DC7  url(../imgs/tjfx-icon--active.png) 20px center no-repeat;
}
.charts-left {
  width:60%;
  float:left;
  border-right:1px solid #DCDCDC ;
}
.charts-right{
  width:40%;
  float:left;
}

.card {
  padding:12px;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .1);
  border-radius:4px;
  margin-bottom:20px;
  overflow: hidden;
}

.card-header {
  color:#395DC7;
  font-size:18px;
  padding-left:20px;
  margin-bottom:15px;
  position: relative;
}
.card-header .more-btn {
  position: absolute;
  width:30px;
  height:30px;
  color:#9EA1B4;
  right:0;
  top:0px;
  background: url(../imgs/more-btn-icon.png) center no-repeat;
  background-size: 70% auto;
}
.dzfj .card-header {
  background:url(../imgs/dzsj-icon.png) 0 center no-repeat;
}
.nbzd .card-header {
  padding-left:25px;
  background:url(../imgs/jjgz-icon.png) 0 center no-repeat;
}
.pxxx .card-header {
  background:url(../imgs/pxxx-icon.png) 0 center no-repeat;
}
.jjgz .card-header {
  padding-left:25px;
  background:url(../imgs/jjgz-icon.png) 0 center no-repeat;
}
.dzfj dl {
  margin-bottom:10px;
}
.dzfj dl dt {
  width:72px;
  float:left;
}
.dzfj dl dd {
  margin-left:80px;
}
.book-name {
  color:#333;
}
.book-author {
  color:#999;
  font-size:12px;
  margin-bottom:12px;
}
.view-btn {
  width:60px;
  height:24px;
  font-size: 12px;
  color: #395DC7;
  background-color: #fff;
  outline: none;
  border: 1px solid #3B5EC7;
  border-radius: 4px;
  border-radius: 4px;
}
.list li {
  line-height: 30px;
  padding-left:12px;
  position: relative;
}
.list li .list-text {
  margin-right:80px;
  display: block;
  overflow: hidden;
  text-overflow:ellipsis; 
  white-space: nowrap;
}
.list li .time {
  color:#999;
  font-size:12px;
  position: absolute;
  right:5px;
  top:0px;
}

.blue-style li {
  background: url(../imgs/blue-style.png) 0px center no-repeat;
}
.red-style li {
  background: url(../imgs/red-style.png) 0px center no-repeat;
}
.pdf-style li {
  padding-left:15px;
  background: url(../imgs/pdf-style.png) 0px center no-repeat;
}

